<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
        <title>声明式渲染</title>
        <script src="vue.js" type="text/javascript" charset="utf-8" ></script>
    </head>
    <body>
        <!-- 视图 -->
        <!-- 绑定元素 V-bind attribute 称为指令 
            指令带有前缀 v- 表示vue提供特殊的attribute
            将这个元素节点的title attribute 和Vue实例的message property保持一致
        -->
    <div id="app_2">
      <span v-bind:title='message'>
        鼠标悬停几秒钟查看此处动态绑定的提示信息!
    </span>
    </div>

        <script type="text/javascript">

            var app1 = new Vue({
                //  el 元素 #app id选择器（格式 # + div id）
                 el:'#app_2',
                //    data 保存数据 在视图中声明了什么变量 就在data里面注册变量初始化赋值
                 data: {
                 message :'页面加载于' + new Date().toLocaleDateString()
                 }
                });

        </script>

    </body>
    
   
   
</html>